<!DOCTYPE html>
<html>

<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <meta name="Keywords" content="盖网,网上购物,网上商城,积分兑换,积分消费,手机,笔记本,电脑,数码,服装,手表,化妆品,保健品,盖象商城" />
    <meta name="Description" content="盖网,盖象商城-中国最大的网上购物及积分兑换消费商城，便捷，诚信的服务,为您提供愉悦的网上商城购物体验!" />
    <title>盖象商城</title>
    <link href="../styles/global.css" rel="stylesheet" type="text/css" />
    <link href="../styles/cart.css" rel="stylesheet" type="text/css" />
</head>

<body>
    <!-- 头部start -->
    <div class="gx-top-title clearfix" id="gx-top-title">
        <div class="gx-top-title-main clearfix">
            <a href="首页.html" title="盖象商城" class="gx-top-home index-icon">盖象首页</a>
            <div class="gx-top-welcome">Hi，欢迎来到盖象商城&nbsp;&nbsp;
                <a href="登录.html" title="登录">登录</a>&nbsp;
                <a href="注册.html" title="注册">注册</a>
            </div>
            <div class="gx-top-nav">
                <a href="我的盖象_购物车.html" title="购物车" class="gx-top-shopping index-icon">购物车<span class="gx-top-shopping-num">12</span></a>
                <div class="gx-top-mygx index-icon">
                    我的盖象<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品订单.html" title="我的订单">我的订单<br/></a>
                        <a href="我的盖象_我的资产_我的钱包.html" title="我的钱包">我的钱包<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-mygx2 index-icon">
                    收藏夹<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="商品收藏.html" title="收藏的商品">收藏的商品<br/></a>
                        <a href="店铺收藏.html" title="收藏的店铺">收藏的店铺<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    商家支持<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="商家入驻">商家入驻<br/></a>
                        <a href="#" title="合作加盟">合作加盟<br/></a>
                        <a href="#" title="盖网终端机">盖网终端机<br/></a>
                    </div>
                </div>
                <div class="gx-top-mygx gx-top-app index-icon">
                    手机APP<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <ul>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightEWM.jpg" /></p>
                                <p>盖象优选APP</p>
                            </li>
                            <li>
                                <p><img width="90" height="90" src="../images/bgs/gx-rightGZH.jpg" /></p>
                                <p>微信公众号</p>
                            </li>
                        </ul>
                    </div>
                </div>
                <div class="gx-top-mygx index-icon">
                    简体中文<span class="index-icon"></span>
                    <div class="gx-top-ycItem clearfix">
                        <a href="#" title="">简体中文</a>
                        <a href="#" title="">繁體中文</a>
                        <a href="#" title="">English</a>
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div class="pages-header">
        <div class="w1200">
            <div class="pages-logo">
                <a href="#"><img src="../images/temp/logo.png" width="209" height="57" /></a>
            </div>
            <div class="pages-title">支付</div>
            <div class="shopping-process clearfix">
                <div class="process-li icon-cart on"><i></i>查看购物车</div>
                <span class="process-out process-out01"></span>
                <div class="process-li icon-cart on"><i></i>确认订单</div>
                <span class="process-out process-out02"></span>
                <div class="process-li icon-cart on"><i></i>支付</div>
                <span class="process-out process-out03"></span>
                <div class="process-li icon-cart"><i></i>确认收货</div>
                <span class="process-out process-out04"></span>
                <div class="process-li icon-cart"><i></i>完成</div>
            </div>
        </div>
    </div>
    <!-- 头部end -->

    <!-- 内容主体start -->
    <div class="gx-main w1200">
        <div class="payment-choice">
            <div class="pay-order">
                <div class="pay-order-title"><i class="cart-icon"></i><span>订单提交成功，请于24小时内完成支付</span>（逾期订单将被取消）
                    <p>应付金额：<span>￥100.00</span></p>
                </div>
                <div class="pay-order-msg">
                    <p>盖象商城--<b>街头2015夏新女条纹拼接宽松短袖T恤 </b>等多件商品</p>
                    <p>交易金额：100.00元</p>
                    <p>购买时间：2015年05月14日 14:28:24</p>
                    <p>收货地址：广东 广州市 天河区 林和西路100号2301，陈先生（收） 13712345678</p>
                </div>
            </div>
            
            <div class="pay-money">
                <div class="pay-moner-item">
                    <p>使用积分账户</p>
                    <p><input type="text">元 支付</p>
                    <p class="pay-money-msg">当前订单最多可用<span>50.00</span>元</p>
                    <p class="pay-money-stay">余额：<span>￥1000.00</span>元</p>
                </div>
                <div class="pay-moner-item">
                    <p>使用现金账户</p>
                    <p><span class="red">80.00</span> 元 支付</p>
                    <p class="pay-money-msg">现金账户使用金额根据积分使用金额自动计算，不足时经由第三方支付或网银补足。</p>
                    <p class="pay-money-stay">余额：<span>￥1000.00</span>元</p>
                </div>
            </div>

            <div class="pay-bank">
                <div class="pay-bank-title"><i class="cart-icon"></i>已用账户余额支付 50 元，剩余还需支付 <span class="red">50</span> 元，<span>请选择您的支付方式：</span></div>
                <div class="pay-bank-list">
                    <p>网银支付<span class="bank-more">更多银行</span></p>
                    <div class="pay-bank-box info-bank bank-height">
                        <label id="bank-WECHAT" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-ALIPAY" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-BOC" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-ICBC" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-ABC" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-CCB" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-COMM" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-CMB" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-POSTGC" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-CIB" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-CITIC" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                    </div>


                    <p>支付平台<span class="pay-more">展开</span></p>
                    <div class="pay-bank-box info-pay">
                        <label id="bank-BEST" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-GNETE" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-HI" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-IPS" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-UMENABLE" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-TLZF" class="bank-icon">
                            <input type="radio" name="" />
                        </label>
                        <label id="bank-GHT" class="bank-icon">
                            <input type="radio" name="" />
                        </label>


                    </div>
                </div>
            </div>
            <div class="pay-password">
                <p>盖象支付密码：
                    <input type="password"><span class="msg-point"><i class="cart-icon"></i>密码错误，请重新输入</span></p>
                <p><a class="link-forget" href="#">忘记支付密码？</a></p>
                <input class="btn-dete" type="submit" value="下一步">
            </div>
        </div>
    </div>
    <!-- 首页主体end -->

    <!-- 底部start -->
    <div class="gx-cart-bottom">
        <div class="gx-bottom-link">
            <div class="gx-bottom-link-main">
                <div class="gx-bottom-link-item">
                    <a href="#" title="关于盖网">关于盖网</a>|
                    <a href="#" title="帮助中心">帮助中心</a>|
                    <a href="#" title="网站地图">网站地图</a>|
                    <a href="#" title="诚聘英才">诚聘英才</a>|
                    <a href="#" title="友情链接">友情链接</a>|
                    <a href="#" title="联系客服">联系客服</a>|
                    <a href="#" title="免责声明">免责声明</a>|
                    <a href="#" title="隐私保护">隐私保护</a>|
                    <a href="#" title="家长监护">家长监护</a>|
                    <a href="#" title="站长统计">站长统计</a>|
                </div>

                <div class="bottom-link">
                    <span>Copyrightg-emall.com </span>|
                    <span>增值电信业务经营许可证：</span>
                    <span>粤B2-20140364 </span>|
                    <span>粤ICP备14049968号-2</span>|
                    <span>互联网药品信息服务资格证</span>|
                    <span>网络文化经营许可证</span>|
                    <span>穗公网监备案证第44070050010060号</span>|
                </div>

            </div>

        </div>
    </div>
    <!-- 底部end -->

    <script src="../js/jquery-1.9.1.js" type="text/javascript"></script>
    <script src="../js/jquery.gate.common.js"></script>
    <script>
        $(function () {
            
            // 选择支付银行
            $(".pay-bank-box label").click(function () {
                $(".pay-bank-box label").removeClass("on").find("i").remove();
                $(this).addClass("on").append("<i class='index-icon'></i>");
            })
            
            //更多银行点击打开
            $('.bank-more').click(function(){
                var state=$(".info-bank").hasClass("active");
                if(!state){
                    $(".info-bank").addClass("active");
                    $(".info-bank").removeClass("bank-height");
                    $(this).html("收起");
                }else{
                    $(".info-bank").removeClass("active");
                    $(".info-bank").addClass("bank-height");
                    $(this).html("更多银行");
                }
            });
            
            $('.pay-more').click(function(){
                var state=$(".info-pay").hasClass("active");
                if(!state){
                    $(".info-pay").addClass("active");
                    $(this).html("收起");
                }else{
                    $(".info-pay").removeClass("active");
                    $(this).html("展开");
                }
            })
        })
    </script>
</body>

</html>